@charset "utf-8";
/**
 * 登录页 CSS
 * Author : louhx
 */
body{font-family:'Microsoft Yahei','宋体',Tahoma,Arial;font-size:12px;color:#333;margin:0;padding:0; }
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,iframe{margin:0;padding:0;}
li{list-style:none;}
img{border:none;}
input,textarea,select{outline:none;font-family:'Microsoft Yahei','宋体',Tahoma,Arial;}
a{outline:none;text-decoration:none;}
.none{display: none;}

body{
    background: url(../images/login-bg-repeat.png) repeat;
    text-align: center;
    overflow-x:hidden;
}
.login{
    width:100%;
    height:550px;
    position: absolute;
    top:50%;
    left:0;
    margin-top:-275px;
}

/*系统名*/
.login .header{
    font-size:40px;
    color:#fff;
    letter-spacing: 2px;
    margin-bottom:60px;
}

/*尾部*/
.login .footer{
    color:#b9b9b9;
    font-size:13px;
    margin-top:30px;
}

/*中心区*/
.login .container{
    width:900px;
    height:380px;
    margin:0 auto;
    background: #ffffff;
    color:#8b8b8b;
    border-radius: 7px;
    box-shadow: 4px 4px 5px #050f13;
}
.login .container:after{
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

/*左侧展示图*/
.login .left-img{
    float: left;
    width:468px;
    height:260px;
    margin:60px 0 0 15px; /*上右下左*/
}
/* .login .container:hover .left-img{ */
/*     transform: skewY(10deg); */
/*     transition: all 0.5s; */
/* } */

/*登录框*/
.loginForm{
    float: right;
    width:340px;
    margin-right:40px;
    text-align: left;
}
.loginForm h2{
    font-size:21px;
    color:#7b7b7b;
    margin-top:15px;
    letter-spacing: 2px;
}
/*错误提示文字显示区*/
.loginForm .warning-area{
    text-align: left;
    font-size:14px;
    color:#cc0000;
}
.loginForm p{
    margin-top:20px;
    position: relative;
}
.loginForm .username{
    width:87%;
    height:40px;
    line-height: 40px;
    border:1px solid #ddd;
    border-radius: 5px;
    padding:0 0 0 13%;
    background: url(../images/login-user.png) no-repeat 10px center;
    font-size:14px;
}
.loginForm .password{
    width:87%;
    height:40px;
    line-height: 40px;
    border:1px solid #ddd;
    border-radius: 5px;
    padding:0 0 0 13%;
    background: url(../images/login-pwd.png) no-repeat 10px center;
    font-size:14px;
}
.loginForm .verify{
    height: 40px;
}
.loginForm .check{
    float: left;
    width:127px;
    height:38px;
    line-height: 38px;
    border:1px solid #ddd;
    border-radius: 5px;
    font-size:14px;
    text-align: center;
}
.loginForm .check-img{
    width:82px;
    height:32px;
    margin:0 10px;
}
.loginForm .change{
    color:#898989;
    vertical-align: 3px;
}
.loginForm .change:hover{
    color:#0097db;
    text-decoration: underline;
}
.loginForm .remember{
    vertical-align: -2px;
}
.loginForm label{
    cursor: pointer;
}
.loginForm .forget{
    position: absolute;
    right:0;
    color:#ff7800;
}
.loginForm .forget:hover{
    color:#0097db;
    text-decoration: underline;
}
.loginForm .btn{
    width:100%;
    height:44px;
    line-height: 44px;
    color:#ffffff;
    text-align: center;
    border:0;
    background: #ff7800;
    font-size:20px;
    margin-top:20px;
    border-radius: 5px;
    cursor: pointer;
}
.loginForm .btn:hover{
    background: #0097db;
    box-shadow: 3px 3px 5px #666;
}
.loginForm .username:focus,.loginForm .password:focus,.loginForm .check:focus{
    border:1px solid #0097db;
    box-shadow: 0px 0px 5px #0097db;
}
/*输入错误时标亮的红色框，需要时可将class="wrong"追加在改文本框对象上,验证通过后移除*/
.loginForm .wrong,.loginForm .wrong:focus{
    border:1px solid #cc0000;
    box-shadow: 0px 0px 5px #cc0000;
}
